<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
</head>
<body>
<h1>用户登录</h1>
用户名：<input id="userName" name="userName" type="text"><br>
密码：<input id="password" name="password" type="password"><br>
<input onclick="login()" type="button" value="登录">

<script src="js/jquery.min.js"></script>
<script>
    function login() {
        // 2. 使用jQuery的Ajax发送异步请求
        $.ajax({
            type: "post",       // HTTP方法
            url: "/user/login", // 请求的URL
            data: {             // 要发送到服务器的数据
                userName: $("#userName").val(), // 获取ID为userName的输入框的值
                password: $("#password").val()
            },
            success: function (result) { // 3. 请求成功后的回调函数
                if (result) { // 如果result为true
                    location.href = "index.html"; // 4. 页面跳转
                } else {
                    alert("用户名或密码错误"); // 5. 提示错误
                }
            }
        });
    }
</script>
</body>
</html>